<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<%@taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@taglib uri="http://struts.apache.org/tags-nested" prefix="nested" %>

<!DOCTYPE html>

<html>
  <head>
  <meta charset="ISO-8859-1">
  <title>Libreria El Saber - Listado de Usuarios</title>
  <link href="css/bootstrap.css" rel="stylesheet">
  <script src="js/jquery-1.8.2.js"></script>
  <script src="js/bootstrap.js"></script>
  <style type="text/css">
    body {
      padding-top: 120px;
      /* padding-bottom: 120px; */
      background-color: #f5f5f5;
    }
    .container-fluid {
      padding-right: 1px;
      padding-left: 1px;
    }      
  </style>  
  <script type="text/javascript">
    
  function eliminar() {
    if (confirm("¿Esta seguro de eliminar el elemento seleccionado?")) {
      document.forms[0].elements['accion'].value = 'eliminar';
      return true;
    }
    return false;
  }
    
  </script>
</head>

<body>
  <!-- Componente de la Cabecera JSP -->
  <jsp:include page="/java_components/cabecera.jsp" />
    <div class="container-fluid">
      <!-- Componente del Menu -->
      <jsp:include page="/java_components/menu.jsp" />
      <div class="span10">
      <html:form action="listadoUsuarios" method="POST">
        <br>
        <html:hidden property="accion" />
        <fieldset>
          <legend>Listado de Usuarios</legend>
          <table class="table" width="100%">
            <tr>
              <th width="2%">&nbsp;</th>
              <th width="15%">Codigo</th>
              <th width="35%">Nombres y Apellidos</th>
              <th width="33%">Correo</th>
              <th width="15%">Fecha de Nacimiento</th>
            </tr>
            <c:forEach items="${usuarioForm.listaUsuarios}" var="usu">
            <tr>
              <td>
                <input type="radio" name="claveFila" value="${usu.codigoUsuario}" />
              </td>
              <td>${usu.codigoUsuario}</td>
              <td>${usu.nombres} ${usu.apellidos}</td>
              <td>${usu.correo}</td>
              <td>
                <fmt:formatDate pattern="dd/MM/yyyy" type="both" value="${usu.fechaNacimiento}" />
              </td>
            </tr>
            </c:forEach>
            <tr>
              <td colspan="5" align="right">
                <button class="btn" onclick="document.forms[0].elements['accion'].value = 'nuevo';">Nuevo</button>&nbsp;
                <button class="btn" onclick="document.forms[0].elements['accion'].value = 'editar';">Editar</button>&nbsp;
                <button class="btn" onclick="return eliminar();">Eliminar</button>
              </td>
            </tr>
          </table>
        </fieldset>
      </html:form>
    </div>
  </div>
  <!-- Componente del Pie de Pagina JSP -->
  <jsp:include page="/java_components/pie.jsp" />
</body>

</html>